<!DOCTYPE html>
<html lang="zh">

<head>
  <meta charset="UTF-8">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="viewport" content="width=device-width, maximum-scale=1.0, initial-scale=1.0, user-scalable=0" />
  <title>请柬</title>
  <script src="http://192.168.31.159:1337/vorlon.js"></script>
  <link rel="stylesheet" href="css/base.css?v=1" />
  <link rel="stylesheet" href="css/index.css?v=1" />
</head>

<body>
  <div class="wrapper">
    <audio id="audio" class="dpn" loop>
      <source src="mp3/wmjhb.mp3" type="audio/mpeg">
    </audio>
    <img class="music_login" src="images/music_play.png" alt="" />
    <div class="page bg1">
      <div class="bg1_img">
        <img src="images/wmjhl.png" alt="" />
      </div>
      <div class="name">
        <div class="name_div">
          <img src="images/heard.png" alt="" />
          <div class="left_div">
            <div class="opacity_div"></div>
            <span>戎青松</span>
          </div>
          <div class="right_div">
            <div class="opacity_div"></div>
            <span>柴&#8195;硕</span>
          </div>
        </div>
      </div>
      <div class="bottom_div">
        <img class="up_ico" src="images/up.png" />
      </div>
    </div>
    <div class="page bg2 dpn">
      <img class="img1 images" src="images/p1.png">
      <img class="img2 images" src="images/p2.png">
      <div class="bottom_div">
        <img class="up_ico" src="images/up.png" />
      </div>
    </div>
    <div class="page bg3 dpn">
      <img class="img2 images" src="images/p5.png">
      <img class="img1 images" src="images/p4.png">
      <div class="bottom_div">
        <img class="up_ico" src="images/up.png" />
      </div>
    </div>
    <div class="page bg4 dpn ">
      <img class="img2 images" src="images/p6.png">
      <img class="img1 images" src="images/p7.png">
      <div class="bottom_div">
        <img class="up_ico" src="images/up.png" />
      </div>
    </div>
    <div class="page bg5 dpn">
      <div class="name">
        <div class="name_div">
          <img src="images/heard.png" alt="" />
          <div class="left_div">
            <div class="opacity_div"></div>
            <span>戎青松</span>
          </div>
          <div class="right_div">
            <div class="opacity_div"></div>
            <span>柴&#8195;硕</span>
          </div>
        </div>
      </div>
      <div class="centent">
        <h1>婚礼宴请</h1>
        <span>
          时间：2016年1月3日（农历十一月二十四日）
        </span>
        <span>
          地点：河北省定州市
        </span>
      </div>
    </div>
  </div>
  <div class="Pc_prompt mobile_dpn">
    <span>电脑浏览请使用↑/↓来翻页浏览。</span>
  </div>
  <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
  <script type="text/javascript" src="http://apps.bdimg.com/libs/zepto/1.1.4/zepto.min.js"></script>

  <script type="text/javascript" src="js/touch.js"></script>
  <script src="js/audio-console.js" charset="utf-8"></script>
  <script src="js/page-console.js" charset="utf-8"></script>
  <script type="text/javascript">
    ;
    (function($) {
      var _show = function() {
        console.log('放大图片');
        $(this).addClass('show_img');
        $(this).off('click');
        var obj = $(this);
        setTimeout(function() {
          obj.on('click', _hide);
        }, 500);
      }
      var _hide = function() {
        console.log('还原图片');
        $(this).off('click');
        $(this).removeClass('show_img');
        $(this).addClass('hide_img');
        var obj = $(this);
        setTimeout(function() {

          obj.removeClass('hide_img');
          obj.on('click', _show);
        }, 500);
      }
      $(".images").on('click', _show);


    })(jQuery);
  </script>
</body>

</html>
